<template>
    <div>
        <div class="e-m-t-45">
            <el-radio-group v-model="orderType" class="e-m-b-45">
                <el-radio-button 
                    v-for="item in options"
                    :key="item.value"
                    :label="item.value"
                    >
                    {{ item.label }}
                </el-radio-button>
            </el-radio-group>
        </div>
        <!-- 上门订单 -->
        <onlineOrderList :franchiseId="franchiseId" :enterpriseId="enterpriseId" :userId="userId" :insidePage="insidePage" v-if="orderType == 1"></onlineOrderList>
        <!-- 站点订单 -->
        <offlineOrderList :franchiseId="franchiseId" :enterpriseId="enterpriseId" :userId="userId" :insidePage="insidePage" v-if="orderType == 2"></offlineOrderList>
    </div>
</template>

<script>
import onlineOrderList from './online-order-list.vue'
import offlineOrderList from './offline-order-list.vue'

export default {
    components: {
        onlineOrderList,
        offlineOrderList
    },
    head() {
        return {
            title: '回收订单',
            meta: [
                { hid: 'description', name: 'description', content: '回收订单管理页面' }
            ]
        }
    },
    props: {
        franchiseId: {
            type: Number,
            default: null
        },
        enterpriseId: {
            type: [Number, String],
            default: null
        },
        insidePage:{
            type: Boolean,
            default: false
        },
        userId: {
            type: Number,
            default: 0
        },
    },
    data() {
        return {
            orderType: 1,
            // firstOrder: false,//是否首单
            options: [
                // {
                //     value: null,
                //     label: '全部'
                // },
                {
                    value: 1,
                    label: '上门订单'
                },
                {
                    value: 2,
                    label: '站点订单'
                }
            ],
        }
    },
    methods: {
        
    }
}
</script>

<style lang="scss" scoped>

</style>